import {createApp} from 'vue'
import App from './App.vue'
import './style.css'
import router from "./router/index.js";
import store from "./store/index.js";
// ui
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

const app = createApp(App)
// 注册必要组件
app.use(router)
app.use(store)

app.use(ElementPlus)
// 将axios挂载到vue原型对象上，就相当于vue是很大一个对象，里面包含一堆html页面js，css处理方式，路由守卫等，这里就是告诉this.$http = new axios()，但没啥必要
// app.config.globalProperties.$http = axios
// 注册组件，将vue的页面注册上来，用于通用的一些东西。在组件中使用，就不需要import了，直接<组件名></组件名>
// 但是如果使用了use，定义原型，则需要使用getCurrentInstance()，方法，const {ctx} = getCurrentInstance() 才能获取this和上下文
// app.component('list', list)
app.mount('#app')
